<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>网络规模</title>
    <link rel="stylesheet" href="/css/table1.css">
    <script src="https://cdn.jsdelivr.net/npm/echarts@4.7.0/dist/echarts.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/echarts@4.7.0/map/js/china.js"></script>
    <link rel="icon" type="image/x-icon" href="software.png"/>
</head>
<body>
    <div class="header">
        <div class="logo">
            <img src="software.png" width="auto" height="90">
        </div>
        <nav>
            <ul>
                <li><a href="index.html">MAP</a></li>
                <li><a href="TABLE.html">TABLE</a></li>
                <li><a href="gouwuche.html">SERVICE</a></li>
                <li><a href="MAP.html">HELP</a></li>
            </ul>
        </nav>
        <div class="language">
            <span>CN</span>EN
        </div>
    </div>
    <div style="display: flex; flex-wrap: nowrap;">
    <div class="tablebox" id="main" style="width: 1000px;height:800px;"></div>
    <script type="text/javascript">
       var myChart = echarts.init(document.getElementById('main'));
       const colors = ['#5470C6', '#91CC75', '#EE6666'];

       // 平均贸易强度表
        var option1 = {
 title: {
 text: '网络规模',
 textStyle: {
        fontSize: 30 // 更改为您所需的字体大小
    }
 },
 tooltip: {},
 legend: {
 data:['连边数','节点数'],
 textStyle: {
        fontSize: 20 // 更改为您所需的字体大小
    }
 },
 xAxis: {
 data: ["2011","2012","2013","2014","2015","2016","2017","2018","2019"]
 },
 yAxis: [
    {
        type:'value',
        name:'连边数',
        min:5000
    },
    {
        type:'value',
        name:'节点数',
        min:188
    },
],
 series: [
    {
 name: '连边数',
 type: 'line',
 data: [5008,
5163,
5392,
5441,
5602,
5733,
5708,
5666,
5505,
],
symbolSize: 17, // 控制数据点的大小
     lineStyle: {
        width: 3,
        shadowColor: 'rgba(0,0,0,0.3)',
        shadowBlur: 10,
        shadowOffsetY: 8
      },
 },
 {
    name: '节点数',
 type: 'line',
 data: [211,
209,
217,
209,
204,
203,
212,
209,
193
],
symbolSize: 17, // 控制数据点的大小
     lineStyle: {
        width: 3,
        shadowColor: 'rgba(0,0,0,0.3)',
        shadowBlur: 10,
        shadowOffsetY: 8
      },
yAxisIndex:1,
 }
] ,

 };
myChart.setOption(option1);
 
        </script>
        <div class="analyse" style="width: 600px;height: 400px;margin-top: 100px;">
            <p>规模演化分析</p>
            <article>
                <div class="part2">
                    <div class="text">
                        <h3><a href="">ANALYSE 👋🏾</a></h3>
                        <p class="custom-paragraph">2011—2019年IFTN中节点数量和边数量的演化情况。2011年至2018年，IFTN中节点数目虽有上下波动，但整体水平较为稳定，节点数目保持在180-220之间。2016年之前，IFTN的连边数量以较高速度稳步上升，从5000条上升至5800条，说明这段时间IFTN中的国家正在积极建立贸易关系；2017年美联储加息使得美元指数达到103点以上，这是时隔十四年后美元强周期的最高点，引起了强大的经济溢出效应，使得IFTN内的连边在2016年至2018年小幅下降，减少了200多条贸易关系；2019年，由于部分国家暂未向联合国上报粮食贸易数据，IFTN的节点数量和连边数量均出现较大幅度下降。从整体上看，IFTN内部结构趋于复杂。</p>
                    </div>
                </div>
            </article>
    </div>
        </div>
</body>